<template>

           <!-- 欢迎登录 -->
<el-container>
  <el-header>
       <img src="../assets/logo.png" alt="" width="90px" height="80px">
  </el-header>
  <el-container>
    <el-aside width="200px">
        <Aside></Aside>
    </el-aside>
    <el-main>Main</el-main>
  </el-container>
</el-container>

   
</template>

<script>
import Aside from '@/components/Aside.vue'

    export default {
  components: { Aside },
        name:'HomeLayout',
    }
</script>

<style lang="scss" scoped>
  
  .el-container {
     height: 100%;
  }
     .el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
 
  }
  
  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
   
  }

  
  
</style>